<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>        
        <script type="text/javascript"
            src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
        </script>
        <script type="text/x-mathjax-config">
            MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
        </script>
        <h:outputScript library="js" name="jquery-1_7_2-min.js" />
        <h:outputScript library="js" name="timer.js" />
        <script type="text/javascript">
            setSegundos(#{examenManager.tiempoRestante});
        </script>
        <h:outputStylesheet library="css" name="examen.css" />
        <title>Examen</title>
    </h:head>
    <h:body>
        <div id="contenido">
            <h:form id="frmExamen">
                <div class="examenEncabezado">
                    Examen de colocaci&oacute;n de Matem&aacute;ticas <br />
                    Nombre: <h:outputText id="otNombre" value="#{examenManager.nombreAlumno}" /> <br />
                    Tiempo Restante: <span id="spanTiempo">--</span> min. <br/>
                </div>
                <div class="examenBarraLateral">
                    <br />
                    <div class="examenTituloNavegacion">Navegaci&oacute;n</div> 
                    <br />
                    <h:commandLink id="btnAnterior" styleClass="examenBoton" value="&lt;" action="#{examenManager.preguntaAnterior()}" />
                    <h:commandLink id="btnSiguiente" styleClass="examenBoton" value="&gt;" action="#{examenManager.preguntaSiguiente()}" />
                    <br />
                    <br />
                    <h:commandLink id="btnFinalizar" styleClass="examenBoton btnFinalizar" value="Finalizar" action="#{examenEvaluator.calificaExamen()}" onclick="return muestraAdvertencia(this);" />
                    <br />
                    <!-- preguntas variables -->
                    <c:forEach var="i" begin="1" end="#{examenManager.numPreguntas}" step="1" varStatus="statusi" > 
                        <h:commandLink id="btnPregunta#{i}" styleClass="examenBoton" value="#{i}" action="#{examenManager.setIndicePregunta(i-1)}" />
                        <c:if test="#{(i mod 3)==0}">
                            <br />
                        </c:if>
                    </c:forEach>
                </div>
                <div class="examenBarraPregunta">
                    <h:outputText id="otPregunta" value="#{examenManager.enunciadoActual}" />
                    <h:selectOneRadio id="sorRespuestas" layout="pageDirection" value="#{examenManager.respuestaActual}" >
                        <f:selectItems id="siOpciones" value="#{examenManager.inicisosActual}" />
                    </h:selectOneRadio>
                </div>
            </h:form>
        </div>
    </h:body>
</html>
